<!--index.html-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
    <title>Hello World!</title>
    <link rel="stylesheet" href="./css/style.css">
  </head>
  <body>
    <h1>Hello World!</h1>
    <h1>来自 Electron 渲染器的问好！</h1>
    <p>👋</p>
    <p id="info"></p>
    We are using Node.js <span id="node-version"></span>,
    Chromium <span id="chrome-version"></span>,
    and Electron <span id="electron-version"></span>.
    <br>
    <hr>
    text<input type="text" id="input">
    <button id="btn1">向D盘写入hello.text</button>
    <button id="btn2">读取D盘的hello.text</button>
    <br>
    <hr>
    Title: <input id="title"/>
    <button id="btn3" type="button">设置网页标题</button>
    <script src="./renderer.js"></script>
    <br>
    <hr>
    <button type="button" id="openBtn">选择文件</button>
    File path: <strong id="filePath"></strong>
    <br>
    <hr>
    Current value: <strong id="counter">0</strong>
    <br>
    <hr>
    <p>Current theme source: <strong id="theme-source">System</strong></p>

    <button id="toggle-dark-mode">Toggle Dark Mode</button>
    <button id="reset-to-system">Reset to System Theme</button>
    <!-- 您也可以此进程中运行其他文件 -->
    <script src="./js/renderer.js"></script>
  </body>
</html>